<template>
  <!-- 更多弹窗 -->
  <div>
    
    <a-modal destroyOnClose title="历史记录"  width="90%" @cancel="handleCancel"   :visible="visible">
      <a-spin :spinning="loading">
        <!-- 表格 -->
        <a-table
          :columns="columns" bordered :pagination="false"
          :data-source="moreListData">
          <span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
          </a-table>
      </a-spin>
      <!-- 页脚操作栏 -->
      <div slot="footer" class="btn_box">
        <a-button type="primary" @click="handleCancel">关闭</a-button>
      </div>
    </a-modal>
  </div>
</template>
<script>
  const columns = [
          {
            title: '序号',
            align:'center',
            dataIndex: 'serial',
            scopedSlots: { customRender: 'serial' },
          },
          // {
          //   title: '阶段/类别',
          //   dataIndex: 'name',
          //   align:'left',
          // },
          {
            title: '业务事项',
            align:'center',
            dataIndex: 'businessMatters',
            ellipsis: true
          },
          {
            title: '管控级别',
            align:'center',
            dataIndex: 'controlLevelName',
          },
          {
            title: '周期',
            dataIndex: 'duration',
            align:'center',
            ellipsis: true
          },
          {
            title: '计划开始时间',
            dataIndex: 'startTime',
            align:'center',
            ellipsis: true
          },
          {
            title: '计划完成时间',
            dataIndex: 'endTime',
            align:'center',
            ellipsis: true
          },
          {
            title: '实际完成时间',
            dataIndex: 'completeTime',
            align:'center',
            ellipsis: true
          },
          {
            title: '完成标准',
            dataIndex: 'completeStandard',
            align:'center',
            ellipsis: true
          },
          {
            title: '验证资料',
            dataIndex: 'verifyDoc',
            align:'center',
            ellipsis: true
          },
          {
            title: '第一责任人',
            align:'center',
            dataIndex: 'firstResponsibleName',
            ellipsis: true
          },
          {
            title: '直接责任人',
            align:'center',
            dataIndex: 'responsibleName',
            ellipsis: true
          },
          {
            title: '节点状态',
            align:'center',
            dataIndex: 'nodeStatus',
          },
          {
            title: '调整情况',
            align:'center',
            dataIndex: 'adjustInformation',
          },
        ]
export default {
  props: {
    // 是否显示
    visible: {
      type: Boolean,
      default: () => false,
    },
    // 加载状态
    loading: {
      type: Boolean,
      default: () => false,
    },
    // 表格数据
    moreListData:{
      type:Array,
    }
  },
  data(){
    return{
      columns
    }
  },
  methods:{
    handleCancel(){
      this.$emit("closeMoreList")
    }
  }
}
</script>
<style scoped>

</style>